<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{{category.categoryName}}</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="/static/css/base.css" rel="stylesheet">
<link href="/static/css/list.css" rel="stylesheet">
<link href="/static/css/media.css" rel="stylesheet">
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/lrtk.js"></script>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<!--[if lt IE 9]>
<script src="/static/js/modernizr.js"></script>
<![endif]-->

<!-- 返回顶部调用 begin -->
<script type="text/javascript" src="/static/js/up/jquery.js"></script>
<script type="text/javascript" src="/static/js/up/js.js"></script>
<!-- 返回顶部调用 end-->

</head>
<body>
{% include "head.html" %}
<article>
  <div class="l_box f_l">
    <div class="topnews">
      <h2><span><a href="/" target="_blank">栏目标题</a></span><b>文章</b>推荐</h2>
      {% for article in articles %}
      <div class="blogs">
        <ul>
          <h3><a href="/getArticleById/{{article.id}}">{{article.title}}</a></h3>
          <p>{{article.body}}</p>
          <p class="autor"><span class="dtime f_l">{{article.created_time}}</span><span class="viewnum f_r">浏览（<a href="/">459</a>）</span><span class="pingl f_r">评论（<a href="/">30</a>）</span></p>
        </ul>
      </div>
      {% endfor %}
    </div>
    <div class="page"><a title="Total record"><b>106</b> </a><b>1</b><a href="/news/index_2.html">2</a><a href="/news/index_3.html">3</a><a href="/news/index_4.html">4</a><a href="/news/index_5.html">5</a><a href="/news/index_2.html">&gt;</a><a href="/news/index_5.html">&gt;&gt;</a></div>
  </div>
  <div class="r_box f_r">
    <div class="moreSelect" id="lp_right_select">
      <script>
      window.onload = function ()
      {
          var oLi = document.getElementById("tab").getElementsByTagName("li");
          var oUl = document.getElementById("ms-main").getElementsByTagName("div");

          for(var i = 0; i < oLi.length; i++)
          {
              oLi[i].index = i;
              oLi[i].onmouseover = function ()
              {
                  for(var n = 0; n < oLi.length; n++) oLi[n].className="";
                  this.className = "cur";
                  for(var n = 0; n < oUl.length; n++) oUl[n].style.display = "none";
                  oUl[this.index].style.display = "block"
              }
          }
      }
      </script>
      <div class="ms-top">
        <ul class="hd" id="tab">
          <li class="cur"><a href="/">点击排行</a></li>
          <li><a href="/">最新文章</a></li>
          <li><a href="/">站长推荐</a></li>
        </ul>
      </div>
      <div class="ms-main" id="ms-main">
        <div style="display: block;" class="bd bd-news" >
          <ul>
            {% for article in articles %}
                <li><a href="/getArticleById/{{article.id}}" target="_blank">{{article.title}}</a></li>
            {% endfor %}
          </ul>
        </div>
        <div  class="bd bd-news">
          <ul>
            {% for article in articles %}
                <li><a href="/getArticleById/{{article.id}}" target="_blank">{{article.title}}</a></li>
            {% endfor %}
          </ul>
        </div>
        <div class="bd bd-news">
          <ul>
            {% for article in articles %}
                <li><a href="/getArticleById/{{article.id}}" target="_blank">{{article.title}}</a></li>
            {% endfor %}
          </ul>
        </div>
      </div>
      <!--ms-main end -->
    </div>
    <!--切换卡 moreSelect end -->

    <div class="cloud">
      <h3>标签云</h3>
      <ul>
        {% for tag in tags %}
            <a href="/getArticleByTag/{{tag.id}}">{{tag.tagsName}}</a>
         {% endfor %}
      </ul>
    </div>
    <div class="tuwen">
      <h3>图文推荐</h3>
      <ul>
        {% for article in articles %}
                <li><a href="/getArticleById/{{article.id}}" target="_blank">{{article.title}}</a></li>
        {% endfor %}
      </ul>
    </div>
  </div>
  <!--r_box end -->
</article>
{% include "footer.html" %}
</body>
</html>
